<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style>
        * {
        	margin: 0;
        	padding: 0;
        }
        ul {
        	list-style: none;
        }
			div.nav {
				height: 92px;
				background-color:#282828;
				background:  url(images/wx.JPG) 0 0 repeat-x;
			}
			li {
				padding-top: 24px;
				float: left;
				padding-right: 30px;

			}
			li a {
				color: white;
				text-decoration: none;
				display: block;
				background:  url(images/to.png) 0 0 no-repeat;
				height: 33px;
				line-height: 33px;
				padding-left: 15px;
			}
			li a span {
				height: 33px;
				background:  url(images/to.png)  right center no-repeat;
				display: block;
				padding-right: 15px;
				text-align: center;
				line-height: 33px;
			}
			li a:hover {
				background:  url(images/ao.png) 0 0 no-repeat;
			}
			li a:hover span {
				background:  url(images/ao.png) right center  no-repeat;
			}
        </style>
    </head>
    <body>
    <div class="nav">
    	<ul>
    		<li>
    			<a href="">
    		<span>
    			首页
    		</span>
    	</a>
    		</li>
    	
    	<li>
    			<a href="">
    		<span>
    			支付宝支付
    		</span>
    	</a>
    		</li>
    		<li>
    			<a href="">
    		<span>
    			微信支付
    		</span>
    	</a>
    		</li>
    		<li>
    			<a href="">
    		<span>
    			下载地点
    		</span>
    	</a>
    		</li>
    		<li>
    			<a href="">
    		<span>
    			客服中心
    		</span>
    	</a>
    		</li>
    		</ul>
    </div>
    </body>
</html>